import { Component, ReactNode } from "react";
import Modal from "../封装Modal";

// 点击控制Modal显示
type Istate={
    isShow:boolean
}
class ShowModal extends Component<any,Istate>{
    state={
        isShow:false
    }
    handleClick=()=>{
        this.setState({
            isShow:true
        })
    }

    // 确定按钮
    handleOk=()=>{
        this.setState({
            isShow:false
        })
    }

    // 取消按钮
    handleCancel=()=>{
        this.setState({
            isShow:false
        })
    }
    render(): ReactNode {
        let {isShow}=this.state
        return(
            <fieldset>
                <legend>展示Modal</legend>
                <Modal open={isShow} title='语录' onCancel={this.handleCancel} onOk={this.handleOk}>
                    <p>1.生活是各种颜色混合而成的黑</p>
                    <p>2.失望。像喝了口凉水，从咽喉凉到胃。</p>
                    <p>3.人永远看不破的镜花水月，不过我指间烟云世间千年如我一瞬。</p>
                    <p>4.记忆想是倒在掌心的水不论你摊开还是紧握终究还是会从指缝中一滴一滴流淌干净。</p>
                    <p>5.谁是谁生命中的过客，谁是谁生命的转轮，前世的尘，今世的风，无穷无尽的哀伤的精魂。</p>
                    <p>6.我不敢奢求太多，只想把瞬间当成永远，把现在都变成回忆，一点一滴。</p>
                </Modal>
                <button onClick={this.handleClick}>点击</button>
            </fieldset>
        )
    }
}

export default ShowModal